.section-left { width: 800px; float: left; }
.section-right { width: 330px;min-height: 200px; float: right;  }

/*article-list*/
.article-list { margin-top:20px;  }
.article-list .article-item { background-color: #FFF; margin-top: 20px; position: relative; padding: 30px;  border-radius: 10px; }
.article-list .article-item  { animation:zoomInUp 1s ease-out; }

.article-list .article-item .cover { position: absolute; top: 30px; left: 30px; width: 200px; height: 150px;  }
.article-list .article-item .cover img { width: 100%; height: 100%;background: #F1F1F1; border:none;}

.article-list .article-item .content {  min-height: 150px; position: relative; padding-left: 220px; }
.article-list .article-item .title { font-size: 22px; font-weight: 700; color: #444; }
.article-list .article-item .title:hover { color: #F149A2;}
.article-list .article-item .summary {  font-size: 14px; color: #999; }
.article-list .article-item .info {  margin-top: 15px; font-size: 14px; color: #888; }